<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content" style="height: 120px;">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group" style="height: 30px;">
								<label class="col-sm-3 control-label">文件上传：</label>
								<div class="col-sm-2">
									<div class="switchOn switchOff" style="margin-top: 18px;left: 100px;" id="uploadAuthority">
										<em></em>
									</div>
								</div>
							</div>
							<div class="form-group" style="height: 30px;">
								<label class="col-sm-3 control-label">文件下载：</label>
								<div class="col-sm-2">
									<div class="switchOn switchOff" style="margin-top: 18px;left: 100px;" id="downloadAuthority">
										<em></em>
									</div>
								</div>
							</div>
							<div class="form-group" style="height: 30px;text-align: center;">
								<div class="col-sm-8 col-sm-offset-3" style="margin-top: 15px;">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/appjs/system/aothority/add.js">
	</script>
</body>
</html>
<style type="text/css">
	.panel-body{
		position: relative;
	}
	*{
		margin: 0px;
		padding: 0px;
	}
	.switchOn {
		display: inline-block;
		width: 50px;
		height: 22px;
		border-radius: 22px;
		background-color: #009f3c;
		position: relative;
		vertical-align: top;
		cursor: pointer;
		position: relative;
		top: -45px;
		left: 400px;
	}
	.switchOn em {
		display: inline-block;
		width: 18px;
		height: 18px;
		border-radius:50%;
		background:#FFFFFF;
		position: absolute;
		right: 2px;
		top: 2px;
		transition: all 0.5s linear;
	}
	.switchOn:after{
		content: 'ON';
		font-size: 12px;
		position: absolute;
		left:6px;
		top: 4px;
		color: #FFFFFF;
	}
	.switchOn.switchOff{
		background-color: red;
	}
	.switchOn.switchOff em{
		left: 2px;
	}
	.switchOn.switchOff:after{
		content: '';
	}
	.switchOn.switchOff:before{
		content: 'OFF';
		font-size: 12px;
		position: absolute;
		right:5px;
		top: 4px;
		color: #FFFFFF;
	}
</style>
